<template>
  <div class="demo" @click="click">{{ cs }}</div>
  <n-button type="tertiary" class="ml-8">
    {{ nickName }}
  </n-button>
</template>

<script setup lang="ts">
import { useUserStoreHook } from '@/store/modules/user'

const cs = ref('点我')
const { nickName } = storeToRefs(useUserStoreHook())
const click = () => {
  nickName.value = '我不干净了'
}
</script>

<style lang="less" scoped>
.demo {
  @apply m-9 h-8 w-40  bg-default   text-center leading-8 text-red-300;
}
</style>
